page{
	--theme: #EC6C01;
	--color-w: #fff;
	--color-3: #333;
}

.f10{font-size: 20rpx !important;}
.f11{font-size: 22rpx !important;}
.f12{font-size: 24rpx !important;}
.f13{font-size: 26rpx !important;}
.f14{font-size: 28rpx !important;}
.f15{font-size: 30rpx !important;}
.f16{font-size: 32rpx !important;}
.f17{font-size: 34rpx !important;}
.f18{font-size: 36rpx !important;}
.f19{font-size: 38rpx !important;}
.f20{font-size: 40rpx !important;}
.f21{font-size: 42rpx !important;}
.f22{font-size: 44rpx !important;}
.f23{font-size: 46rpx !important;}
.f24{font-size: 48rpx !important;}
.f25{font-size: 50rpx !important;}
.f26{font-size: 52rpx !important;}
.f27{font-size: 54rpx !important;}
.f28{font-size: 56rpx !important;}
.f29{font-size: 58rpx !important;}
.f30{font-size: 60rpx !important;}
.f31{font-size: 62rpx !important;}
.f32{font-size: 64rpx !important;}
.f33{font-size: 66rpx !important;}
.f34{font-size: 68rpx !important;}
.f35{font-size: 70rpx !important;}
.f36{font-size: 72rpx !important;}

.color-theme{color:var(--theme) !important}
.color-w{color:var(--color-w) !important}
.color-3{color:var(--color-3) !important}
.color-6{color:#666 !important}
.color-9{color:#999 !important}
.color-c{color:#C9C3ABFF !important}
.color-f7{color:#F7ECBEFF !important}
.color-65{color:#65B981FF !important}
.color-eb{color:#EB443AFF !important}
.color-47{color:#478FF8FF !important}

.fw{font-weight: 600 !important;}
.fw5{font-weight: 500 !important;}
.mt10{margin-top: 20rpx !important;}
.mt8{margin-top: 16rpx !important;}
.mt6{margin-top: 12rpx !important;}
.mt12{margin-top: 24rpx !important;}
.mt14{margin-top: 28rpx !important;}
.mt16{margin-top: 32rpx !important;}
.mt20{margin-top: 40rpx !important;}
.mt32{margin-top: 64rpx !important;}
.mt38{margin-top: 76rpx !important;}
.mt17{margin-top: 34rpx !important;}
.m-lf11{margin-left: 22rpx !important;}
.m-lf30{margin-left: 60rpx !important;}
.mb20{margin-bottom: 20rpx;}
.mr16{margin-right:16rpx;}
.mr20{margin-right:20rpx;}
.os {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.line2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.line1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.t-r90{
	transform: rotate(-180deg)
}
.bg_f5{
	background: #f5f5f5;
}
.bg_w{
	background: var(--color-w);
}
.bg-theme{
	background: var(--theme) !important;
}
.flex{
	display: flex;
}
.j-c-e{
	justify-content: end;
}
.f-a-c{
	align-items: center;
}
.f-w-n{
	flex-wrap: nowrap;
}
.f-w-w{
	flex-wrap: wrap;
}
.j-s-b{
	justify-content: space-between;
}
.j-s-a{
	justify-content: space-around;
}

.f-e{
	flex-direction: column;
}
.j-c-c{
	justify-content: center;
}
.j-c-f{
	justify-content: flex-end;
}
.j-c-b{
	justify-content: space-between;
}
.w-s-n{
	white-space: nowrap;
}


.pdx-20{
	padding-left: 20rpx;
	padding-right: 20rpx;
}
.pdx-32{
	padding-left: 32rpx;
	padding-right: 32rpx;
}
.pdy-20{
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}
.pdy-30{
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}
.pdy-40{
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}
.pdt-24{
	padding-top: 24rpx;
}
.pdb-30{
	padding-bottom: 30rpx;
}